<template>
  <el-container class="main">

    <el-header>
      <headerMenu></headerMenu>
    </el-header>

    <el-container class="conntainer">
      <asideMenu></asideMenu>
      <el-main style="height: 100%;">
        <el-scrollbar>
          <router-view />
        </el-scrollbar>
      </el-main>
    </el-container>

  </el-container>
</template>
<script setup>
import HeaderMenu from './component/HeaderMenu.vue';
import AsideMenu from './component/AsideMenu.vue';

</script>
<style scoped>
.main,
.conntainer {
  height: 100%;
  width: 100%;
  overflow: hidden;
  
}

:deep(.el-header) {
  --el-header-padding: 0px;
}
</style>